var scriptList = [
	customObjectsPath + 'ContentHeader.js',
	utilPath + 'NaviTabs.js'
];

function startApp(){
	//build the display from header to end
	// 1) build the header title
	// 2) create the tabs
	// 3) load the default tab information
	// 4) listen to events triggered on tab select
	var headerTabs = '<ul><li><a href="#tabs-1">First</a></li><li><a href="#tabs-2">Second</a></li><li><a href="#tabs-3">Third</a></li></ul>';
	$('#'+ mainContainerId).append('<div id="tabs">' + headerTabs + '<div id="tabs-1">test 1</div><div id="tabs-2">test 2</div><div id="tabs-3">test 3</div>' + "</div>");
		
	var tabs = $('#tabs').tabs();
		
	tabs.bind('tabsselect', function(event, ui) {
	    // Objects available in the function context:
	    ui.tab     // anchor element of the selected (clicked) tab
	    ui.panel   // element, that contains the selected/clicked tab contents
	    ui.index   // zero-based index of the selected (clicked) tab
	
	});
	
	ContentHeader.init();
	//var subNaviObj = new NaviTabs();
	//subNaviObj.init('sub-navi', 'body-inner-content');
	//subNaviObj.setActiveFromUrl();
	
	
/*
	var headerTabs = '<ul><li><a href="#tabs-1">First</a></li><li><a href="#tabs-2">Second</a></li><li><a href="#tabs-3">Third</a></li></ul>';
	$('#'+ mainContainerId).append('<div id="tabs">' + headerTabs + '<div id="tabs-1">test 1</div><div id="tabs-2">test 2</div><div id="tabs-3">test 3</div>' + "</div>");
		
	var tabs = $('#tabs').tabs();
		
	tabs.bind('tabsselect', function(event, ui) {
	    // Objects available in the function context:
	    ui.tab     // anchor element of the selected (clicked) tab
	    ui.panel   // element, that contains the selected/clicked tab contents
	    ui.index   // zero-based index of the selected (clicked) tab
	
	});
*/
	
}